<div class="page-order page-product">
	
	<div class="product-header clearfix">
		<i class="icon icon-back" ng-click="back()"></i>
		<a href="javascript:void(0);" ng-click="switchTab(1)" class="product-tab-title" ng-class="{'selected':selection.tab == 1}">信息</a>
		<a href="javascript:void(0);" ng-click="switchTab(2)" class="product-tab-title" ng-class="{'selected':selection.tab == 2}">商品</a>
		<a href="javascript:void(0);" ng-click="switchTab(3)" class="product-tab-title" ng-class="{'selected':selection.tab == 3}">出库单</a>
	</div>
    
    <!--信息-->
    <section class="product-tab-section description" ng-show="selection.tab == 1">
    	<div class="order-title clearfix">
        <div class="left">{{orderInfo.orderId}}<span class="date-span">{{orderInfo.dateAdded}}</span></div>
        <div class="right" style='color:{{orderInfo.isPay}}'>{{orderInfo.status}}</div>
    </div>
    	<div class="order-address">
        <img class="bg" src="catalog/view/theme/bhz/m/images/bg-address.png" style='width:100%;height:90px;'>
        <div class="address-wrap" style='padding:20px 10px 0;'>
            <div class="address" ng-repeat="shippingInfo in orderInfo.shippingInfo">{{shippingInfo}}</div>
        </div>
    </div>
    	<div class="shipping-wrap">
        <div class="payment-method clearfix" ng-repeat="orderTotal in orderInfo.totalList">
            <div class="title">{{orderTotal.title}}</div>
            <div class="content">{{orderTotal.value}}</div>
        </div>
        <div class="payment-method clearfix">
            <div class="title">支付方式</div>
            <div class="content">{{orderInfo.paymentMethod}}</div>
        </div>
        <div class="payment-method clearfix">
            <div class="title">出库单总额</div>
            <div class="content">{{orderInfo.soTotal}}</div>
        </div>
    </div>
    	<!--
        <div class="section invoice clearfix">
        <div class="title">
          是否开具发票
        </div>
        <div class="value bhz-checkbox" ng-class="{'on':orderInfo.bill_status != 0}" ng-click="printBill();"></div>
        </div>
        -->
    </section>
    <!--信息-->
    
    <!--商品-->
	<section class="product-tab-section description" ng-show="selection.tab == 2">
    	<div class="order-products">
        <ul class="products-list" style="padding-left:0px;">
            <li class="products-item clearfix" ng-repeat="orderProduct in orderInfo.opList">
                <table class="products-item-table">
                <tr>
                    <td style='width:20%;padding:0 5px;'><img ng-src="{{orderProduct.image}}"></td>
                    <td style='width:40%;color:#262626;font-size:14px;'>{{orderProduct.name}}</td>
                    <td style='width:10%;color:#262626;font-size:14px;text-align:right;'>{{orderProduct.price}}<br><span style='font-size:12px;'>x{{orderProduct.qty}}</span></td>
                    <td style='width:15%;color:#262626;font-size:14px;text-align:right;'>{{orderProduct.total}}</td>
                    <td style='width:15%;color:#262626;font-size:14px;text-align:right;'>{{orderProduct.lackQty}}</td>
                </tr>
                <tr ng-if="orderProduct.childProducts.length > 0" ng-repeat="orderProductGrooup in orderProduct.childProducts">
                    <td style='padding:0 5px'><img ng-src="{{orderProductGrooup.image}}" style='width:80%;'></td>
                    <td style='color:#262626;font-size:14px;'>{{orderProductGrooup.name}}</td>
                    <td style='color:#262626;font-size:14px;text-align:right;'>{{orderProductGrooup.price}}<br><span style='font-size:12px;'>x{{orderProductGrooup.qty}}</span></td>
                    <td style='color:#262626;font-size:14px;text-align:right;'>{{orderProductGrooup.total}}</td>
                    <td style='color:#262626;font-size:14px;text-align:right;'>{{orderProductGrooup.lackQty}}</td>
                </tr>
                </table>
            </li>
        </ul>
    </div>
    </section>
    <!--商品-->
    
    <!--出库单-->
    <section class="product-tab-section description" ng-show="selection.tab == 3">
    	<div class="section invoice clearfix" ng-if="orderInfo.soList.length > 0" ng-repeat="soInfo in orderInfo.soList">
        <div class="order-products">
            <div class="order-title clearfix" style='line-height:35px;height:35px;'>
                <div class="left">出库单：{{soInfo.soId}}</div>
                <div class="right">{{soInfo.date}} {{soInfo.comment}}</div>
            </div>
            <ul class="products-list" style="padding:0px;">
                <li class="products-item clearfix">
                <table class="products-item-table">
                <tr ng-repeat="sopInfo in soInfo.sopList">
                    <td style='width:20%;padding:0 5px;'><img ng-src="{{sopInfo.image}}" style='width:80%;'></td>
                    <td style='width:40%;color:#262626;font-size:14px;'>{{sopInfo.name}}</td>
                    <td style='width:20%;color:#262626;font-size:14px;text-align:right;'>{{sopInfo.price}}<br><span style='font-size:12px;'>x{{sopInfo.qty}}</span></td>
                    <td style='width:20%;color:#262626;font-size:14px;text-align:right;'>{{sopInfo.total}}</td>
                </tr>
                </table>
                </li>
            </ul>
            <div class="order-title clearfix">
                <div class="left"></div>
                <div class="right">小计：{{soInfo.total}}</div>
            </div>
        </div>
    </div>
    </section>
    <!--出库单-->

</div>
